<template>
	<view class="" style="padding: 0 20rpx;">
		<view class="invoicelist">
			<view class="item" style="display: flex;align-items: center;"
				@click="goto('/subPages/invoice/invoiceExplain')">
				<img src="../../static/images/invoice/shuoming.png" alt=""
					style="width: 34rpx ;height: 34rpx;margin-right: 10rpx;"> 发票说明
			</view>
			<view class="item" @click="goto('/subPages/invoice/invoiceList')">
				发票记录 <image src="../../static/images/index/right_jt.png" mode=""></image>
			</view>
			<view class="item" @click="goto('/subPages/invoice/invoiceTitle')">
				发票抬头 <image src="../../static/images/index/right_jt.png" mode=""></image>
			</view>
			<view class="item" @click="goto('/subPages/invoiceFpList/invoiceFpList')">
				申请发票 <image src="../../static/images/index/right_jt.png" mode=""></image>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		onLoad() {

		},
		methods: {
			// 跳转
			goto(url) {
				uni.navigateTo({
					url,
				})
			}

		}
	}
</script>

<style lang="scss">
	.invoicelist {
		border-radius: 16rpx;
		background-color: #fff;
		padding: 20rpx 30rpx;
		color: rgb(100, 100, 100);
		font-weight: bold;

		.item {
			font-size: 28rpx;
			line-height: 90rpx;
		}

		.item:nth-child(n+2) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-top: 2rpx solid #eee;

			image {
				width: 30rpx;
				height: 30rpx;
				filter: contrast(0.5);
			}
		}
	}
</style>